<template>
  <hc-row style="margin-bottom: 20px">
    <hc-col :span="24" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple-dark"
        style="border-radius: 4px; min-height: 36px; background: #99a9bf"
    /></hc-col>
  </hc-row>
  <hc-row style="margin-bottom: 20px">
    <hc-col :span="12" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="12" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
  </hc-row>
  <hc-row style="margin-bottom: 20px">
    <hc-col :span="8" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="8" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
    <hc-col :span="8" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
  </hc-row>
  <hc-row style="margin-bottom: 20px">
    <hc-col :span="6" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="6" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
    <hc-col :span="6" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="6" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
  </hc-row>
  <hc-row style="margin-bottom: 20px">
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #d3dce6"
    /></hc-col>
    <hc-col :span="4" style="border-radius: 4px"
      ><div
        class="grid-content ep-bg-purple"
        style="border-radius: 4px; min-height: 36px; background: #e5e9f2"
    /></hc-col>
  </hc-row>
</template>
